<template>
  <div>
    <h2>事件修饰符</h2>
    <!-- 语法格式： @事件名.修饰符="处理函数" -->

    <!-- 
      .prevent  阻止默认行为
      .stop 阻止冒泡
      .enter 键盘事件才能用。表示按下 enter 键时才触发
      .esc 键盘事件才能用。表示按下 esc 键时才能触发 
         -->
    <form action="">
      <input type="text" @click.enter="one()" />
      <button @click.prevent="two()">按钮</button>
    </form>
  </div>
</template>

<script>
export default {
  methods: {
    one() {
      console.log(123);
    },
    two() {
      console.log(456);
    },
  },
};
</script>

<style >
h2 {
  color: skyblue;
}
</style>